<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>找回密码</title>


    <link rel="stylesheet" href="../static/css/base/base.css">
    <link rel="stylesheet" href="../static/plugins/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="../static/css/iview.css">
    <link rel="stylesheet" href="../static/login/login.css">
    <link rel="stylesheet" href="../static/css/base/find-password.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.4/jquery.min.js"></script>
    <script src="../static/js/vue.min.js"></script>
    <script src="../static/js/iview.min.js"></script>


</head>

<body>

    <div class="container" id="app">
        <div id="headwrap" class="clearfix">


            <div class="head-left">

                <div class="head-right-item" style="overflow: hidden">
                    <img class="loginimg" src="../static/images/main/LOGO.svg" />
                </div>

                <div class="head-right-item head-title fc333">江苏梦兰神彩权限管理系统</div>
                <div class="head-right-item head-subtitle fc666">用户注册</div>

            </div>
            <div class="head-right">

                <div class="head-right-item">
                    <i class="fa fa-question-circle-o" style="font-size:18px;">&nbsp;</i>帮助
                </div>

                <div class="head-right-item">
                    <i class="fa fa-cloud-download">&nbsp;</i>下载
                    <i class="fa fa-angle-down"></i>

                    <div class="dropdown">
                        <!--<div class="triangle_border_up">-->
                        <!--<span></span>-->
                        <!--</div>-->
                        <div class="fa fa-angle-up">
                            <span></span>
                        </div>

                        <div class="dropdown-content">
                            <div class="dropdown-content-item">
                                <i class="fa fa-safari ft20"></i> 最新谷歌浏览器
                            </div>

                            <div class="dropdown-content-item">
                                <i class="fa fa-safari ft20"></i> 系统操作手册
                            </div>
                        </div>
                    </div>
                </div>


            </div>


        </div>

        <div id="mainwrap" class="clearfix" style="background: #f8f8f8 url(../static/images/login/bg.png) repeat">
            <div class="find clearfix">
                <div class="find-content">
                    <div class="find-name">
                        <span></span> 找回密码
                    </div>

                    <div class="find-title">
                        <span><i class="ivu-icon ivu-icon-android-alert"></i></span> 您正在为帐号 <span>ZH12345678</span> 找回密码
                    </div>

                    <div class="find-type">
                        <div class="find-type-box">
                            <img src="../static/images/login/find_by_phone.png" />
                            <div class="find-type-box-header">
                                通过手机找回密码
                            </div>
                            <p>
                                如果您的手机能正常使用，<br/> 请选择此方式
                            </p>
                            <button class="find_right_now ivu-btn ivu-btn-ghost" @click="findByMobile">
                            立即找回
                        </button>
                        </div>
                        <div class="find-type-box">
                            <img src="../static/images/login/find_by_email.png" />
                            <div class="find-type-box-header">
                                通过邮箱找回密码
                            </div>
                            <p>
                                如果您的手机能正常使用，<br/> 请选择此方式
                            </p>
                            <button class="find_right_now ivu-btn ivu-btn-ghost">
                            立即找回
                        </button>
                        </div>
                        <div class="find-type-box">
                            <img src="../static/images/login/find_by_kefu.png" />
                            <div class="find-type-box-header">
                                人工服务
                            </div>
                            <p>
                                如果您的手机能正常使用，<br/> 请选择此方式
                            </p>
                            <button class="find_right_now ivu-btn  ivu-btn-ghost">
                            立即找回
                        </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="footerwrap" class="clearfix">

            <div class="linkwrap">
                <a class="link-each">关于我们</a>
                <a class="link-divider">|</a>
                <a class="link-each">系统声明</a>
                <a class="link-divider">|</a>
                <a class="link-each">商务采购</a>
                <a class="link-divider">|</a>
                <a class="link-each">百度推广</a>
                <a class="link-divider">|</a>
                <a class="link-each">中国环协</a>
            </div>

            <div class="copyversionwrap">
                <a href="">版本 V1.0</a>
                <a href="">技术支持 江苏梦兰神彩科技股份有限公司</a>
            </div>

        </div>
    </div>
    <script type="text/javascript">
        $(function() {

            $(".find_right_now").hover(function() {
                $(".find_right_now").removeClass('ivu-btn-primary').addClass('ivu-btn-ghost');
                $(this).removeClass('ivu-btn-ghost').addClass('ivu-btn-primary');
            }, function() {
                $(this).addClass('ivu-btn-ghost').removeClass('ivu-btn-primary');
            });
        })

        var app = new Vue({
            el: '#app',
            data: {
                cityList: [{
                    value: 'beijing',
                    label: '江苏省/苏州市/工业园区'
                }, {
                    value: 'shanghai',
                    label: '江苏省/苏州市/工业园区'
                }],
                model1: 'shanghai'
            },
            methods: {
                findByMobile: function() {
                    window.location.href = "find-password2.html";
                }
            }
        });
    </script>
</body>

</html>